Estoy tratando de ordenar alfabéticamente los nombres de los accesorios en mi proyecto usando el complemento eslint-plugin-react .
He leído el ejemplo de la opción de reglas jsx-sort-props y estoy aquí preguntándome: ¿Qué accesorios se deben usar en el campo <enable> ?
... "react/jsx-sort-props": [<enabled>, { "callbacksLast": <boolean>, "shorthandFirst": <boolean>, "shorthandLast": <boolean>, "multiline": "ignore" | "first" | "last", "ignoreCase": <boolean>, "noSortAlphabetically": <boolean>, "reservedFirst": <boolean>|<array<string>>, }] ...Lo he intentado todo, pero siempre recibo una notificación de configuración no válida:
*Error: ESLint configuration in .eslintrc.JSON is invalid: Unexpected top-level property "react/jsx-sort-props".* Lo estoy editando en mi archivo .eslintrc.json :
{ "extends": [ "eslint:recommended", "plugin:react/recommended", "next/core-web-vitals" ], "react/jsx-sort-props": [<enabled>, { "callbacksLast": true, "shorthandFirst": false, "shorthandLast": true, "multiline": "last", "ignoreCase": true, "noSortAlphabetically": false, "reservedFirst": false }] }Debe poner sus reglas en la propiedad de rules del objeto, no en el nivel superior del objeto:
{ "extends": [ "eslint:recommended", "plugin:react/recommended", "next/core-web-vitals" ], "rules": { "react/jsx-sort-props": [<enabled>, {Esto ayuda a delimitar claramente la diferencia entre los ajustes de configuración y las reglas de ESLint; de lo contrario, la superposición sería confusa y, si alguna vez hubiera una regla cuyo nombre entrara en conflicto con otra posible propiedad de nivel superior, habría problemas.